<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<meta http-equiv="content-style-type" content="text/css"/>
<meta http-equiv="content-script-type" content="text/javascript"/>
<meta name="version" content="neblog-1.0"/>
<title>hikerwu</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<style>
    .flist { width:20px }
    .fover {background-color: #FFEC8B; } 
    .fno {background-color: #aaa; } 
</style>
</head>
<body>

<div class="flist">
    <ul id="funslist">
    <!--{section name=t start=0 loop=$out.data}--> 
        <li id="f_li"><a href="#"><!--{$out.data[t]}--></a></li>
    <!--{/section}--> 
    </ul>
</div>

<script type="text/javascript">
$().ready(function(){  
    $("[id='f_li'] a").mouseover(function(){
        $(this).addClass("fover");
    }).mouseout(function(){
        $(this).removeClass("fover");
    });
    $("[id='f_li'] a").click(function(){
        window.top.document.getElementById('mainlist').src = 'http://localhost/hiker/?m='+$(this).html();
        $("[id='f_li'] a").removeClass("fno");
        $(this).addClass("fno");
    });
});
</script>

</body>
</html>
